<template>
  <h1>文本相关指令</h1>
<!--  插值指令:此处显示的文本与变量进行绑定,修改变量的值,页面文本随之改变-->
  <p>{{info}},早上好</p>
  {{info+'早上好'}}
  <button @click="f()">按钮</button>
  <p v-text="info"></p>
  <p v-html="info"></p>
</template>


<script setup>
import {ref} from "vue";
//响应式变量
const info = ref("测试文本66");

const f = () => {
  info.value='值变了!';
  info.value='值<b>更新了</b>'
}
</script>


<style scoped>
p{
  color: red;
  font-size: 20px;
}
</style>